<template>
  <div class="HelpList">
      <div class="list">
          <img src="../../../../assets/binbing/accountCenterImg/ic_help.svg"  class="icon">
          <span>帮助与客服</span>
          <img src="../../../../assets/binbing/accountCenterImg/ic_right.svg" class="right">
      </div>
      <div class="hr-1"></div>
      <div class="list">
          <img src="../../../../assets/binbing/accountCenterImg/ic_privacy.svg"  class="icon">
          <span>隐私中心</span>
          <img src="../../../../assets/binbing/accountCenterImg/ic_right.svg" class="right">
      </div>
      <div class="hr-1"></div>
      <div class="list">
          <img src="../../../../assets/binbing/accountCenterImg/ic_about.svg"  class="icon">
          <span>关于</span>
          <img src="../../../../assets/binbing/accountCenterImg/ic_right.svg" class="right">
      </div>
  </div>
</template>

<script>
export default {
    name: "HelpList"
}
</script>

<style scoped>
.HelpList{
    width: 100%;
    height: 1.78rem;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin-top: 0.08rem;
}

.list{
    width: 3.664rem;
    height: 0.26rem;
    padding: 0.16rem 0;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.list .icon{
    margin-right: 0.16rem;
}

.list span{
    flex: 1;
    line-height: 0.28rem;
}

.hr-1{
    width: 3.264rem;
    height: 0.01rem;
    margin-left: 0.64rem;
    background-color: #ececec;
}
</style>